/**
  * Musashi - A project manager for music groups and bands
  * Copyright (C) 2010 Daniel Torres
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */

a:link
{
    text-decoration: none;
}

/*  ---------------------------------------------------------------------------*/
/*  Basic information panels                                                   */
/*  ---------------------------------------------------------------------------*/

#base-panel
{
    overflow:hidden;
    margin:30px 0 0;
    padding:0;
    background:#fff;
    margin-left:26%;
    width:50%;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
    border:1px solid #cacaca;        
}

#base-panel h2 { font-size:20px; font-family:arial, sans-serif; font-weight:bold;   color:#000; margin:10px 0 0 10px; line-height:1; text-align:center;}



#form-base
{
    margin:0;
    padding:0;
    width:auto;
}

#form-base fieldset
{
    margin:2em 0 2em 0;
    padding:0;
    background:none;    
}

#form-base ol
{
    margin:0;
    padding:0;
}

#form-base li
{
    margin:5px 0 0 4em;
    padding:0;    
}

#form-base label
{
    width:9em;
    text-align:right;
    cursor:default;
    float:left;
}

#form-base input:not([type=submit])
{
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    
    font: 13px Georgia, Times, Serif;
    
    outline:none;
    margin-left:10px;    
}

#form-base .base-submit
{
    margin-left:11em;
    margin:1em 0 0 12em;
    width:11em;    
}

.error
{
    border-left: 10px solid red;
    color: blue;
    font-family: arial;
    font-size: 13px;
    padding:0.3em 0.3em 0.3em 10px;
    width: 359px;
    margin-bottom:-25px;
}

/*  ---------------------------------------------------------------------------*/
/*  Show panels                                                                */
/*  ---------------------------------------------------------------------------*/

#show-panel
{
    /* background: white; 
    border: 1px solid #CACACA; */
    margin:4em 0 0 0;
    padding:0;
    
    /*
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    */
}

#show-header
{
    margin: 5em 0 4em 22em;
    height: auto;
    width: 60%;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 1em;

}

.show-header-title
{
    border-bottom: 1px dotted #CACACA;
    margin-bottom: 0;
    padding-bottom: 1em; 
}

#show-header h1 { font-size:30px; font-family:tahoma, sans-serif; font-weight:normal; color:#000; margin:0; line-height:1;}
#show-header h2 { font-size:15px; font-family:arial, sans-serif; font-weight:normal; color:#333; margin:0; line-height:1;}
#show-header h3 { font-size:15px; font-family:arial, sans-serif; font-weight:normal; color:#000; margin:0; line-height:1;}



/*  ---------------------------------------------------------------------------*/
/*  Sections                                                                   */
/*  ---------------------------------------------------------------------------*/

section
{
    border:0;
    margin:2em auto 0 auto;
    padding:0 0 3em 0;
    width:100%;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
}

#section-title
{
    margin:1em 0 1em 5em;    
}

#section-title h1 { font-size:25px; font-family:tahoma, serif; font-weight:normal; color:#000; margin:0; line-height:1;}

#form-basic-information
{
    margin: 0;
    padding: 1em;
    height: 18em;    
}

#form-basic-information .show-data-left
{
    margin: 0 0 0 5em;
    padding: 0 0 1em 0;
    float: left;
    width: 40%;
    background:none;
}

#form-basic-information .show-data-right
{
    margin: 0;
    padding: 0 0 3.5em 0;
    float: right;
    width: 45%;
    height: 10em;
    background:none;
}

#form-basic-information label
{
    width: 9em;
    text-align: right;
    cursor: default;
    float: left;
    margin-right:1em;
}

#form-basic-information ol li
{
    border-style: solid;
    border: none;
    line-height: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    float: left;
}
#form-basic-information input:not([type="submit"])
{
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font: 13px Georgia, Times, Serif;
    outline: none;
}
#form-basic-information .show-data-save
{
    margin: 0;
    padding: 1.5em 0 0 37em;
    width: 100%;
    border-top: 1px dotted #cacaca;
    background:none;
}

/*  ---------------------------------------------------------------------------*/
/*  Venues                                                                     */
/*  ---------------------------------------------------------------------------*/

#venue-input-selection
{
    margin: 0 0 0 7em;
}

#venueUpdate
{
    margin: 0 0 0 4em;
}

#venueUpdate h2 { font-size:20px; font-family:tahoma, sans-serif; text-transform:none; font-weight:bold; color:#000; margin:0; line-height:1;}
#venueUpdate h3 { font-size:15px; font-family:arial, sans-serif;  text-transform:none; font-weight:normal; color:#333; margin:0; line-height:1;}
#venueUpdate h4 { font-size:12px; font-family:arial, sans-serif;  text-transform:none; font-weight:normal; font-style:italic; color:#000; margin:0; line-height:1;}

/*  ---------------------------------------------------------------------------*/
/*  Members                                                                    */
/*  ---------------------------------------------------------------------------*/

#member-container h2 { font-size:15px; font-family:arial, sans-serif; color:#000; margin:0; padding:0 0 0 10px; text-transform:none; font-weight:normal; color:#333; margin:0; line-height:1;}
#member-container h3 { font-size: 15px; font-family:arial, sans-serif; color:#000; font-weight: normal; margin: 0 0 5px 70px; padding: 0px }
#accounted        h2 { float:left; font-size:15px; font-family:arial, sans-serif; margin:0 10px 7px 0; width:100%; padding:3px; text-transform:none; font-weight:normal; color:#333; line-height:1;}

#member-container
{
    height:21em;
    margin-top:1em;
}

#accounted
{
    background-color: white;
    border: 1px solid #cacaca;
    float: left;
    height: 20em;
    margin: 0px 10px 0px 70px;
    padding: 0px;
    width: 55%;
    overflow:auto;

    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;            
}

#unaccounted
{
    background-color: white;
    float: right;
    height: 20em;
    margin: 0px 20px 0px 0px;
    width: 32%;    
    overflow:auto;
    border:1px solid #cacaca;

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;            
}

#myParticipation
{
    background-color: white;
    height: 5em;
    padding:0.5em;
    margin: 0 0 0 115px;
    width: 84%;    

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;                
}

#myParticipation ol
{
    margin:0;
    padding:0;
}

#myParticipation li
{
    margin:0;
    padding:0;
}

#myParticipation .mp-label
{
    font-size: 15px;
    font-family: tahoma, serif;
    font-weight: normal;
    color: #333;
    width:8em;
    float:left;    
}

#myParticipation .mp-select
{
    width:15em;
}

#unaccounted .member-entry
{
    background:none;
    background-color:#F2F5D0;
    margin:5px;
    padding:5px;
    border:1px solid #292621;
}

#accounted .member-entry
{
    background:none;
    background-color:#C7E0D1;
    margin:5px;
    padding:5px;
    border:1px solid #292621;    
}

#accounted .member-entry select
{
    width:110px;
    margin:0 10px 0 0;
}
#accounted .member-entry input
{
    width:58px;
    margin:0 0 0 10px;
}

#member-stats
{
    height: 12em;
    width: 88%;
    margin:10px 0 0 70px;
    border-top:3px solid #cacaca;
    
}

#member-stats .member-stats-panel
{
    width:23%;
    float:left;
    padding:1em 0 0 0;
    height:11em;
}

#member-stats ol
{
    margin:0;
    padding:0;
}

#member-stats li
{
    margin:0;
    padding:0;
}

#member-stats h2
{
    font-size: 13px;
    font-family: tahoma, serif;
    font-weight: normal;
    color: #666;
    margin: 0;
    padding: 0;
    width: 8em;
    float: left;
}
#member-stats h3
{
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: black;
    font-weight: normal;
    font-family: tahoma, serif;
    float: right;
    width: 4em;
}
